import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';

class LayoutCase extends StatelessWidget {
  const LayoutCase({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Container(
          width: 300,
          height: 500,
          decoration: const BoxDecoration(
            color: Color.fromARGB(255, 54, 190, 244),
          ),
          child: const Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Image(
                  image: NetworkImage(
                      'https://yanxuan-item.nosdn.127.net/72e734dd1a4d35ce650afebdaa600b57.png'),
                  width: 200),
              SizedBox(
                height: 10,
              ),
              Text('美妆效果嘎嘎不卡粉末面刷'),
              SizedBox(
                height: 10,
              ),
              Text('¥99.90')
            ],
          ),
        ),
        Container(
          width: double.infinity,
          height: 200,
          decoration: const BoxDecoration(
            color: Color.fromARGB(255, 185, 180, 180),
          ),
          child: Container(
            padding: const EdgeInsets.all(10),
            child: Row(
              children: [
                //图片添加圆角
                ClipRRect(
                  borderRadius: BorderRadius.circular(30),
                  child: Image.network(
                    'https://yanxuan-item.nosdn.127.net/72e734dd1a4d35ce650afebdaa600b57.png',
                    fit: BoxFit.cover,
                    width: 200,
                  ),
                ),
                const SizedBox(
                  width: 10,
                ),
                Expanded(
                  child: ClipRRect(
                    borderRadius: BorderRadius.circular(30),
                    child: Container(
                      color: Colors.white,
                      height: double.infinity,
                      padding: const EdgeInsets.all(10),
                      child: const Column(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: [
                          Text('美妆效果嘎嘎不卡粉末面刷'),
                          SizedBox(
                            height: 10,
                          ),
                          Text('¥99.90')
                        ],
                      ),
                    ),
                  ),
                ),
              ],
            ),
          ),
        ),
      ],
    );
  }
}
